
const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');

module.exports = {
  // 这样表示相对路径， 可以部署在任意路径下，如果为 / 则只能在nginx的html的根路径下面，如果指定为/app/ ，则可以部署在/app下面，默认为/
  publicPath: '/',

  // 构建输出目录
  outputDir: 'dist',

  // 静态资源目录 (js, css, img, fonts)
  assetsDir: 'assets',

  //关闭生成map文件
  productionSourceMap: false,

  //指定打包目录
  outputDir: process.env.outputDir,

  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          autoprefixer({
            overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7']
          }),
          pxtorem({
            rootValue: 37.5,
            propList: ['*', '!font*'],// !不匹配属性（这里是字体相关属性不转换）
            unitPrecision: 3,        // 最小精度，小数点位数
            minPixelValue: 2          // 替换的最小像素值
          })
        ]
      }
    }
  }
}